<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>jQuery偶数奇数过滤器</title>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <style type="text/css"></style>
    <script type="text/javascript">
        $(function(){
            $("div:even").css("background-color","red"); //取得div的even偶数索引
            $("div:odd").css("background-color","green"); //取得div的odd奇数索引
        });
    </script>
</head>
<body>
    <div>
        索引：0 -- 表格各行换色 作用：方便区分行与行之间的区别
        <div>
            索引：1 -- 表格各行换色 作用：方便区分行与行之间的区别
        </div>
    </div>
    <div>
        索引：2 -- 表格各行换色 作用：方便区分行与行之间的区别
    </div>
    <div>
        索引：3 -- 表格各行换色 作用：方便区分行与行之间的区别
    </div>
    <div>
        索引：4 -- 表格各行换色 作用：方便区分行与行之间的区别
    </div>
</body>
</html>